<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>产品详情</title>
    <meta name="viewport"
          content="width=view-width,height=view-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/lib/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/lib/idangerous.swiper.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/style.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_439669_thxgbebc9os10pb9.css">
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_3mgu42g42easjor.css">
</head>
<body>
<div class="page-group new-group">
    <div class="page">
        <!--内容部分 !-->
        <div class=" content  product-content" >
            <!--列表页面 !-->
            <!-- 幻灯片Slider -->
            <div class="swiper-container">
                <!--搜索栏内容 !-->
                <div class="header-icon">
                    <div class="left"><a class="icon icon-left pull-left" href="#"></a></div>
                    <div class="right"><a class="car-btn iconfont icon-gouwuchekong pull-right" id="car-badge" style="font-size:18px;"></a>
                    </div>
                </div>
                <!-- 幻灯片Slider -->
                <div class="swiper-wrapper">
                </div>
                <div class="swiper-pagination"></div>
            </div>
            <!-- 商品详情 -->
            <div class="product-card card ">
                <#--<div class="card-header no-border"> <div class="list-block media-list"> <ul> <li> <div class="item-inner"><div class="item-title-row"><div class=" cell-main productName" data-picture="' + productDetail.picture + '">这是我的袋泡茶</div></div><div class="item-title-row"> <div class="item-subtitle price-item-subtitle">¥<span class="p-price productPrice" data-sellcount="' + productDetail.sellcount + '">'-->
                                <#--+ productDetail.specs[0].specNowPrice + '</div> <div class="item-subtitle"><span>销量</span>' + productDetail.sellcount + '</div><div class="item-subtitle">库存:<span class="p-stock productStock">'-->
                                <#--+ productDetail.specs[0].specStock + '</span></div> </div> </div> </li> </ul> </div> </div>-->
            </div>
            <!-- 选择规格 -->
            <div class="please-card card">
                <div class="card-content">
                    <div class="list-block">
                        <ul>
                            <li>
                                <a href="#" class="item-link item-content" id="specBtn">
                                    <div class="item-media"><i class="icon icon-f7"></i></div>
                                    <div class="item-inner item-inner-after">
                                        <input type="hidden" class="productID">
                                        <div class="item-title"><span class="select-size">选择规格</span></div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 店铺名称 -->
            <#--<div class="please-card card">-->
                <#--<div class="card-content">-->
                    <#--<div class="list-block">-->
                        <#--<ul>-->
                            <#--<li class="shopList" data-url="${basepath}/rest/front/user/toMyStore">-->

                            <#--</li>-->
                        <#--</ul>-->
                    <#--</div>-->
                <#--</div>-->
            <#--</div>-->
            <!-- 标签页 -->
            <div class="buttons-tab">
                <a href="#goodsDet-tab" class="tab-link  button active">商品信息</a>
                <a href="#spec-tab" class="tab-link  button ">产品参数</a>
                <a href="#evaluate-tab" class="tab-link button">用户评价</a>
                <#--<a href="#recommend-tab" class="tab-link button">同店推荐</a>-->
            </div>
            <div class="tabs">
                <div id="goodsDet-tab" class="tab active">
                    <img src="${staticpath}/front/dist/images/orCode.png">
                </div>
                <div id="spec-tab" class="tab">
                    <div class="list-block" id="spec-list-block">
                    </div>
                </div>
                <div id="evaluate-tab" class="tab">
                </div>
                <#--<div id="recommend-tab" class="tab">-->
                    <#--<div class="product">-->
                        <#--<div class="card news-card" id="product-card">-->
                        <#--</div>-->
                    <#--</div>-->
                <#--</div>-->
            </div>
        </div>
        <nav class="bar bar-tab" id="tool-bar">
            <#--<div class="tab-item external">-->
                <#--<div id="collectionBtn">-->
                    <#--&lt;#&ndash;<img src="${staticpath}/front/dist/images/xing.png" id="xingBtn">&ndash;&gt;-->
                    <#--&lt;#&ndash;<p class="tab-label"  id="xingTab">收藏</p>&ndash;&gt;-->
                <#--</div>-->
            <#--</div>-->
            <a class="tab-item external" id="cartList-badge">
                <div>
                    <img src="${staticpath}/front/dist/images/shopping.png">
                    <p class="tab-label">购物车</p>
                    <div id="tab-cart"></div>
                </div>
            </a>
            <a class="tab-item" id="joinBtn">加入购物车</a>
            <a href="#" class="tab-item" id="purBtn"></a>
        </nav>
    </div>
</div>
<div class="spec-popup  popup popup-about">
    <div class="ctrl-ui-sku">
        <div class="sku-pro">
            <div>
                <img id="productImg">
                <div class="sku-pro-info">
                    <div>
                        <input type="hidden" class="specId">

                        <p class="price">¥<span class="pop-price">124</span></p>

                        <p class="quantity"><label class="label">库存</label>:<span
                                class="pop-stock">2694</span></p>

                        <p class="select-size">请选择规格尺寸</p>
                    </div>
                </div>
                <div class="close-popup"><span class="icon iconfont icon-guanbi"></span></div>
            </div>
        </div>
        <div class="sku-info">
            <div class="sku-spec">
            </div>
            <div class="underline"></div>
            <h2 class="g-num">
                <div class="buynum cell-left">购买数量</div>

                <div class="quantity-info">
                    <a class="btn reduce" min="1" id="sub" href="javascript:void(0);">-</a>
                    <input type="text" min="1" value="1" id="bookNum" readonly/>
                    <a class="btn plus cell-right" max="1366">+</a>
                </div>
            </h2>
            <div class="underline"></div>
        </div>
        <p class="buttons-row p-inner">
            <a href="#" id="joinCartBtn">加入购物车</a>
            <a href="#" id="purchaseBtn" class="p-pur not"></a>
        </p>

        <p class="buttons-row p-out">
            <a href="#" id="confirmJoin">确定</a>
        </p>

        <p class="buttons-row p-pur">
            <a href="#" id="purBuy" data-url="${basepath}/rest/front/order/toProductOrderDetail"></a>
        </p>
    </div>
</div>
<div class="expand"></div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/idangerous.swiper.min.js' charset='utf-8'></script>
<script>$.config = {router: false}</script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/product/productDetail.js' charset='utf-8'></script>
<script>$.init()</script>
</body>
</html>
